@charset "utf-8";
/* CSS Document */

*
	{
		padding:0px;
		margin:0px;
	}
body
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
	}
img
	{
		
	}
a
	{
		text-decoration:none;
	}
ul,li
	{
		list-style:none;
	}
.header
	{
		border-top:3px #228ddd solid;
	}
.header .logo
	{
	padding:5px;
	text-align:center;
	}
.list_game
	{
	}
.list_game ul
	{
		overflow:hidden;
	}
.list_game ul.height
	{
		height:350px;
	}
.list_game ul.heightauto
	{
		height:auto !important;
	}
.list_game ul li
	{
		float:left;
		width:114px;
		padding:3px;
		height:170px;
	}
.game_item
	{
		
	}
.game_item .img_game
	{
	text-align:center;	
	}
.game_item .text_game
	{
	text-align:center;
	padding-top:5px;
	}
.game_item .text_game a
	{
		color:#4c66a4
	}

.header1
	{
	position:relative;
	border-bottom:3px #228ddd solid;
	height:30px;	
	margin-bottom:10px;
	}
.header1 span
	{
		background:#FFF;
		color:#228ddd;
		position:absolute;
		left:10px;
		bottom:-5px;
		padding:0px 10px;
		text-transform:uppercase;
		font-weight:bold;
	}
.footbar {
    background: none repeat scroll 0 0 #f3f4f4;
    clear: both;
    margin: 0 auto;
    padding: 10px;
    width: auto;
}
.footbar #menu ul li {
    float: left;
    font-weight: bold;
    width: 50%;
}

.footbar #menu ul li .sub-menu {
    float: left;
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
}
.footbar #menu ul li .sub-menu li {
    float: left;
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
}
.gamebox_title a {
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
}
.adwidget .left{float:none}
.adwidget .right{float:none; width:auto}

.viewmore
	{
	width:100%;	
	display:block;
		border-radius:3px;
		background:#45aaf2;
		color:#FFF;
		line-height:25px;
		padding:0px 10px;
		text-align:center;
		-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.27);
		-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.27);
		box-shadow: 0 1px 0 0 rgba(0,0,0,0.27);
		border: 1px solid rgba(0,0,0,0.27);
		height:25px;
		box-sizing:border-box;
	}
.viewmore:after
	{
		content:'Xem thêm'
	}
.viewmore.content:after
	{
		content:'Thu nhỏ'
	}
#footer-widget-area {
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0px;
}
.xoxo .right .copyright {
    font-size: 12px;
    line-height: 14px;
    margin: 5px auto 0;
    width: auto;
}

#menu ul li a, #menu.current_page_item a, ol.commentlist li div.vcard cite.fn a.url, ol.commentlist li div.vcard cite.fn a.url:hover {
	color: #4c66a4
}
.footbar #menu ul {
	overflow:hidden
}
.footbar #menu ul.ulti {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding-bottom: 5px;
	width: 100%
}
.footbar #menu ul.ulti li {
	width: auto;
	float: right
}
.footbar #menu ul#menu-footermenu-1 {
	float: left
}
.footbar #menu ul li {
	width: 156px;
	font-weight: bold;
	float: left
}
.footbar #menu ul li:before {
	content: ""
}
.footbar #menu ul li a {
	background-image: url("../images/gamelist_li.png");
	background-position: left 0;
	background-repeat: no-repeat;
	color: #848484 !important;
	float: left;
	margin-left: 10px;
	padding: 0 0 0 13px !important;
	text-shadow: none;
	font-size: 12px;
	height: 20px;
	white-space:nowrap;
}
#menu ul li a:hover {
	color: #000 !important
}
.footbar #menu ul li .sub-menu {
	float: left;
	width: 160px;
	margin-bottom: 10px;
	margin-left: 0
}
.footbar #menu ul li .sub-menu li {
	font-weight: normal
}

/* RESPONSIVE HOME */
@media screen and (max-width: 480px){
  .list_game ul.height
  	{
		height:350px;
	}
   .list_game ul li
   	{
		width:25%;
		box-sizing:border-box;
		height:180px;
	}	
	.list_game ul li img
   	{
		max-width:100%;
	}
}
@media screen and (max-width: 320px){
  .list_game ul.height
  	{
		height:320px;
	}
   .list_game ul li
   	{
		width:33.3%;
		box-sizing:border-box;
		height:170px;
	}	
	.list_game ul li img
   	{
		max-width:100%;
	}
}